import React, {useEffect, useRef, useState} from 'react';
import {pathFactory} from "../Helper/common";
import Demo from "./demo";
import InputDemo1 from "./input/input.demo1";
import InputDemo2 from "./input/input.demo2";
import InputDemo3 from "./input/input.demo3";
import MarkdownSection from "./MarkdownSection";
import  input from './input/input.md'
import InputDemo4 from "./input/input.demo4";
import InputDemo5 from "./input/input.demo5";

const Inputdemo = () => {


  return (
    <div>
       <Demo name={pathFactory('1','input')} intro={'基本用法'}>
         <InputDemo1/>
       </Demo>
      <Demo name={pathFactory('2','input')} intro={'无边框'}>
        <InputDemo2/>
      </Demo>
      <Demo name={pathFactory('3','input')} intro={'可以加上前缀和后缀'}>
        <InputDemo3/>
      </Demo>
      <Demo name={pathFactory('4','input')} intro={'搜索框'}>
        <InputDemo4/>
      </Demo>

      <Demo name={pathFactory('5','input')} intro={'设置大小'}>
        <InputDemo5/>
      </Demo>
        <MarkdownSection mdFile={input}/>
    </div>
  );
};
export default Inputdemo;